<script setup>
import { ref } from 'vue';


let groupedData = ref(['苹果', '香蕉'])
let group = ref(['橙子', '葡萄'])



</script>

<template>
  <div>
    <div v-for="(group, key) in groupedData" :key="key">
      <h3>{{ group.group }}</h3>
      <ul>
        <li v-for="item in group.items" :key="item.name">{{ item.name }}</li>
      </ul>
    </div>
  </div>
</template>



<style scoped>
/* .head{
  margin: 0px;
  
}
.head{
  background-color: darkblue;
}
.guide{
  background-color: #ddd;
}
.head,.guide{
  height: 120px;
  width: 420px;
} */
</style>
